/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2014 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

/* *** Top menu section *** */
#sp-top-menu{
	min-height: 0;
	ul.header-top-menu{
		margin: 0;
	}
}

// top menu
ul.header-top-menu{
 	list-style: none;
 	padding: 0px;
 	margin: 0px;
 	>li{
		position: relative; 
 		display: inline-block;
		&.parent{
			>a{
				&:after{
					content: "\f0d7";
					font-family: FontAwesome;
					margin-left: 5px;
				}
			}
		}
 		>a{
			display: block;
			text-decoration: none;
			line-height: 45px;
			padding-right: 20px;
			font-size: 12px;
			font-weight: 400;
			text-transform: uppercase;
 		}
 		&.active,
 		&:hover{
			a{
				background-color: transparent;
			}
		}

 		&:hover{
 			li {float: none;}
	 		ul{
	 			display: block;
	 			-webkit-animation: fadeIn 300ms;
	 			animation: fadeIn 300ms;
	 		}
 		}

 		ul{
 			display: none;
 			position: absolute;
		  	background-color: #fff;
			width: 100%;
			.box-shadow(~'0 3px 5px 0 rgba(0,0,0,.2)');
			min-width: 180px;
			z-index: 9999;
			li{
				display: block;
			  	border-top: 1px solid #eee;
				position: relative;
				text-transform: capitalize;
				.transition(~'all 300ms');
				a{
					line-height: 35px;
					padding: 0 10px;
					display: block;
				}
				&:first-child{
					border-top: 0;
				}
			  	&:hover, &.active{background: #f5f5f5;}
			}
 		}
 	}
 }



 /* Menu */
 #sp-menu-wrapper{
 	&.menu-fixed {
 		position: fixed;
 		width: 100%;
 		top: 0;
 		z-index: 9999;
 	}
 }
 // Main Menu
 #sp-main-menu {
 	ul {
 		list-style:none;
 		margin:0;
 		padding:0;

 		li{
 			a{
 				/*font-family: 'Open Sans';*/
 			}
 		}
 		&.level-0 {
 			> li {
				//Parent List Item
				display:inline-block;
				margin:0 20px 0 0;
				padding:0;
				position:relative;

				//Anchor Link
				>a {
					display:block;
					margin:0;
					padding: 0 10px;
					color: #fff;
					line-height: 60px;
					font-weight: 400;
					text-transform: uppercase;
					//Menu Item Description
					.menu-desc {
						font-size:11px;
						color:#808080;
						display:block;
					}
				}
				&.parent {
					>a:after{
						content: "\f0d7";
						font-family: FontAwesome;
						margin-left: 5px;
					}
				}

				//Animation
				.transition(all 200ms);			
			}
		}
	}
	
	//Menu Items for Dropdown
	li{
		li:not(.sp-menu-group) {
			display:block;
			border-top:1px solid #eee;
			position:relative;
			text-transform: capitalize;

			&:first-child {
				border-top: none;
			}
			a {
				display:block;
				line-height:12px;
				font-weight:400;
				line-height:normal;
				text-decoration:none;
				padding:10px;
				color:#999;
			}
			//Arrow
			&.parent{
				>a{
					span.menu{
						position: relative;
						padding-right: 20px;
						display: block;
					}
					&:after{
						content: "\f054";
						font-family: FontAwesome;
						margin-left: 5px;
					}
				}
			}

 			//Hover and active
 			&:hover,
 			&.active{
 				background:#f5f5f5;
 			}
			//Animation
			.transition(all 200ms);
		}
	}
	
	//Megamenu Groups
	div.sp-menu-group {
		margin:10px;
		a.sp-menu-group{
			display: block;
			padding: 10px;
			border-bottom:1px solid #eee;
			color: #666;
			.menu-title {
				text-transform:uppercase;
				font-weight: bold;
			}
		}
		
		//Module Styling inside Menu
		.sp-menu-group-content {
			.module{
				margin:0;
				padding:10px 0 0;
				text-transform: none;
				font-weight: 300;
				font-size: 14px;
				line-height: 26px;
				h4{
					font-size: 14px;
				}
			}
		}
	}
}

//Submenu
.sp-submenu {
	position: absolute;
	top:0;
	display: none;
	z-index: 9999;
	&.open {
		display: block;
		-webkit-animation: fadeIn 300ms;
		animation: fadeIn 300ms;
	}
	.sp-submenu-wrap{
		background: #fff;
		.box-shadow(~'0 3px 5px 0 rgba(0,0,0,.2)');
	}
	.megacol {
		float:left;
	}
}

.ltr .sp-submenu{
	left:0;
}
.rtl .sp-submenu{
	right:0;
}
 //Language Direction 
 .rtl{
 	#sp-main-menu {
 		float:right;
 		ul {
 			&.level-0 {
 				> li {

 					&:hover,
 					&.active{
 						>a {	
 						}
 					}	

 					&.parent{
 						>a{
 							span.menu{
 								padding:0 10px;
 								padding-right: 0;	
 							}	
 						}
 					}	
 				}
 			}	
 		}

 		//Menu Items for Dropdown
 		li{
 			li:not(.sp-menu-group) {
 				&.parent{
 					>a{
 						span.menu{
 							padding-right: 0;
 							padding-left: 20px;
 						}
 					}
 				}					
 			}
 		}	
 	}
 }

//Mobile Menu
.sp-main-menu-toggler.btn {
	padding: 6px 14px 5px;
	top: 199px;
	right: 20px;
	i{
		&:hover{color: inherit;}
	}
}
.nav-collapse, .nav-collapse.collapse{
	z-index: 999;
	top: auto;
}

 //fixed menu
.menu-fixed{
	//position: fixed !important;
	top:0;
	width: 100%;
	//z-index: 9999 !important;
	.animation(~'fadeInDown 900ms');
}

.fixed .hidden-desktop {
 	display: none;
}

.sp-mobile-menu {
	background: #333;
}


//CSS3 Animation
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

